@{block #content}
<script type="text/javascript">
    var link = {link Skype:ajax};
</script>
<script type="text/javascript" src="{$basePath}/systemApps/celebriotalker/js/talker.js"></script>
<script type="text/javascript" src="{$basePath}/js/libs/jquery-ui.js"></script>
<style>
    .online { color: green}
    .offline { color: red}
</style>
<div class="celebriotalkerapp" id="celebriotalkerapp">
    <div id="celebriotalkerapp_contacts">
        <ul id="celebriocontacts">
            <li id="celebrioloading">{!_"Loading"}</li>
        </ul>
        
        <input type="button" value="{!_'Add Friend'}" onclick="$('#celebriotalkeradd').dialog();"/>
        <div id="celebriotalkeradd" style="display:none">
        <input type="text" id="celebriotalkername" />
        <input type="button" value="{!_'Add Friend'}" onclick="talker.addBuddy($('#celebriotalkername').val());$('#celebriotalkeradd').dialog('close');"/>
        </div>
    </div>
    <div id="celebriotalkerapp_body">
        <div id="celebriotalkerapp_contents">
            <h1 id="celebriotalkerapp_header">{!_"Celebrio Talker"}</h1>
            <div id="celebriotalkerapp_chatarea">
                <p>{!_"Wait for contacts to load. Experimental skype."}</p>
            </div>
        </div>
    </div>
</div>
{/block}